﻿@{
    ViewBag.Title = "Home page";
    Layout = "~/Views/Shared/_SideBarLayout.cshtml";
}

@section sidebar {
    <img id="home-photo" src="/Content/img/me.jpg" />
    <div id="home-me-arrow"></div>
    <div id="me">me</div>
}

<div id="content">
    <div class="margin-fix">
        <p id="home-intro">Hi, I'm Stu, and this is a collection of my thoughts on various subjects:</p>
        <div id="home-code" class="home-div"> 
            <h2>@Html.ActionLink("Code", "Index", "Post", new { category = "Code" }, new { })</h2>                   
            <p>
                I've been a .NET web developer for 7 years now, and I'm constantly learning new things.  
                There's so many new technologies and techniques emerging that it's a challenge to keep up with it all.
                <a href="@Url.Action("Index", "Post", new { category = "Code" })">Here are some of my discoveries</a> in the quest for better software, and useful resources I've found along the way.
            </p>
        </div>
        <div id="home-music" class="home-div">
            <h2>@Html.ActionLink("Music", "Index", "Post", new { category = "Music" }, new { })</h2>                   
            <p>
                Music is a big part of my life - I've been playing the piano for about 25 years.
                I was trained classically but I now mainly play rock and jazz/funk.  
                I'm in a function band and get involved in the local music scene when I can.
                Find out what I'm up to <a href="@Url.Action("Index", "Post", new { category = "Music" })">here</a>.
            </p>
        </div>
        <div id="home-philosophy" class="home-div">
            <h2>@Html.ActionLink("Philosophy", "Index", "Post", new { category = "Philosophy" }, new { })</h2>                   
            <p>
                I was raised in a very religious Christian family, but I have since come to the conclusion that God doesn't exist.
                However, I'm still fascinated by religion and by what makes people believe the things they do.
                I now have the challenge of trying to understand the world without the framework of religion to inform my opinions.
                <a href="@Url.Action("Index", "Post", new { category = "Philosophy" })">Here's where I try to do that</a>.
            </p>
        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
        $('#home-philosophy').hover(
        function () {
            $('#atheist').addClass('hover');
        },
        function () {
            $('#atheist').removeClass('hover');
        });
        $('#home-code').hover(
        function () {
            $('#developer').addClass('hover');
        },
        function () {
            $('#developer').removeClass('hover');
        });
        $('#home-music').hover(
        function () {
            $('#musician').addClass('hover');
        },
        function () {
            $('#musician').removeClass('hover');
        });
        $('#atheist').hover(
        function () {
            $('#home-philosophy').addClass('hover');
        },
        function () {
            $('#home-philosophy').removeClass('hover');
        });
        $('#developer').hover(
        function () {
            $('#home-code').addClass('hover');
        },
        function () {
            $('#home-code').removeClass('hover');
        });
        $('#musician').hover(
        function () {
            $('#home-music').addClass('hover');
        },
        function () {
            $('#home-music').removeClass('hover');
        });
    });
</script>